﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="AddSession.aspx.cs" Inherits="SARS.Tutor.AddSession" %>
<%@ Register src="../UserControl/UcProgramCourse.ascx" tagname="UcProgramCourse" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link rel="stylesheet" type="text/css" href="../Scripts/jquery.datetimepicker.css"/>
    <style type="text/css">
        .style1 { width: 100%; }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h1>Add New Session</h1>
    <br />
    <uc1:UcProgramCourse ID="UcProgramCourse1" runat="server" />
    <table class="style1">
        <tr>
            <td class="leftLabel">
                <asp:Label ID="Label2" runat="server" Text="Manager"></asp:Label>
            </td>
            <td>
                <asp:DropDownList ID="ddlManager" runat="server" DataTextField="FullNameRole" DataValueField="UserID"
                                  onselectedindexchanged="ddlManager_SelectedIndexChanged">
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td class="leftLabel">
                <asp:Label ID="Label3" runat="server" Text="Room"></asp:Label>
            </td>
            <td>
                <asp:DropDownList ID="ddlRoom" runat="server" DataTextField="Description" DataValueField="RoomID"
                                  onselectedindexchanged="ddlRoom_SelectedIndexChanged">
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td class="leftLabel">
                <asp:Label ID="Label4" runat="server" Text="Session Topic"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtSessionTopic" runat="server"></asp:TextBox>
                <%--<asp:RequiredFieldValidator ID="rfvSessionTopic" runat="server" 
                    ControlToValidate="txtSessionTopic" 
                    ErrorMessage="Session Topic cannot leave blank"></asp:RequiredFieldValidator>--%>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                            ControlToValidate="txtSessionTopic" 
                                            ErrorMessage="Session topic must be enterred" ForeColor="Red"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="leftLabel">
                <asp:Label ID="Label5" runat="server" Text="Session Type"></asp:Label>
            </td>
            <td>
                <asp:DropDownList ID="ddlSessionType" runat="server">
                    <asp:ListItem Text="Lab" Value="Lab"></asp:ListItem>
                    <asp:ListItem Text="Lecture" Value="Lecture"></asp:ListItem>
                    <asp:ListItem Text="Tutorial" Value="Tutorial"></asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td class="leftLabel">
                <asp:Label ID="Label6" runat="server" Text="Start Date"></asp:Label>
            </td>
            <td>
                <!--<asp:Calendar ID="cldStartDate" runat="server"></asp:Calendar>-->
                <!--<input type="text" value="2014/03/15 05:06" id="dtpStartDateTime" />-->
                <asp:TextBox ID="dtpStartDateTime" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                            ControlToValidate="dtpStartDateTime" ErrorMessage="Start time must be chosen" 
                                            ForeColor="Red"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="leftLabel">
                <asp:Label ID="Label7" runat="server" Text="End Date"></asp:Label>
            </td>
            <td>
                <!--<asp:Calendar ID="cldEndDate" runat="server"></asp:Calendar>-->
                <!--<input type="text" value="2014/03/15 05:06" id="dtpEndtDateTime" />-->
                <asp:TextBox ID="dtpEndtDateTime" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                            ControlToValidate="dtpEndtDateTime" ErrorMessage="End date must be chosen" 
                                            ForeColor="Red"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="leftLabel">
                &nbsp;</td>
            <td>
                <asp:Button ID="btnAddSession" runat="server" onclick="btnAddSession_Click" 
                            Text="Add Session" />
                <asp:Button ID="btnCancel" runat="server" onclick="btnCancel_Click" 
                            Text="  Cancel  " CausesValidation="false" />
            </td>
        </tr>
    </table>
    <script type="text/javascript" src="../Scripts/jquery.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.datetimepicker.js"></script>
    <script type="text/javascript">
        $('[id$="dtpStartDateTime"]').datetimepicker();
        //$('#dtpStartDateTime').datetimepicker({ value: '2015/04/15 07:00', step: 10 });

        $('[id$="dtpEndtDateTime"]').datetimepicker();
        //$('#dtpEndtDateTime').datetimepicker({ value: '2015/04/15 07:00', step: 10 });
    </script>
</asp:Content>